<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PTTE tenisz egyesület</title>
<meta name="description" content="tenisz oktatás, teniszoktatás, teniszpálya bérlés, tenisz klubb, tenisz egyesület, felnőtt és gyerek oktatás, téli és nyári pálya, világított pálya">
<meta name="keywords" content="rákospalota tenisz, teniszoktatás, tenisz oktatás, oktatás, tenisz ujpalota, testvériség tenisz, tenisz, teniszpálya, pályabérlés, gyerek okatatás, fedett pálya, téli pálya, tenisztábor, 15 ker, 15 kerület, XV kerület, XV ker, PTTE, PTTE tenisz">
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css" />
<link href="css/trainers.css" rel="stylesheet" type="text/css" />
<link href="css/trainings.css" rel="stylesheet" type="text/css" />
<link href="css/price.css" rel="stylesheet" type="text/css" />
<link href="css/gallery.css" rel="stylesheet" type="text/css" />

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>var __adobewebfontsappname__ = "code"</script>
<script src="http://use.edgefonts.net/asap:n7,i4,n4,i7:all.js"></script>
<link href='http://fonts.googleapis.com/css?family=Oxygen:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="scripts/magnific-popup.js"></script>
<script src="scripts/carussel.js"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-42310093-1', 'pttetenisz.hu');
  ga('send', 'pageview');
</script>

</head>

<body>
	<div id="header">
    	<div id="header-wrapper">
            <ul class="menu menu-left">
                <li><a class="selectedMenuItem" href="#">RÓLUNK</a></li>
                <li><a href="#page_oktatas">OKTATÁS</a></li>
                <li><a href="#page_edzoink">EDZŐINK</a></li>
            </ul>
            <a href="#"><img id="logo" style="margin-top:10px; width:170px;height:170px;" src="images/logo.PNG" /></a>
            <ul class="menu menu-right">
                <li><a href="#page_arak">ÁRAK</a></li>
                <li><a href="#page_galeria">GALÉRIA</a></li>
                <li><a onclick="scrollToContact()">KAPCSOLAT</a></li>
            </ul>
            <div style="display:none" id="phone">RECEPCIÓ: +3620 929 3125</div>
        </div>
    </div>
    
    <div id="carussel">
    	<div id="carussel-wrapper">
            <div  style="background-image:url(images/carussel/fokep_01.jpg)"></div>
			<div  style="background-image:url(images/carussel/fokep_02.jpg)"></div>
			<div  style="background-image:url(images/carussel/fokep_03.jpg)"></div>
        </div>
    </div>
    
    <div id="page">
        <div id="features" class="features">
            <div class="features-row"> 
                <div class="features-item lightGreen cellSize">
                	<h1 class="greenText">HÉTVÉGI AKCIÓ!</h1>
                    <p>Szombat és vasárnap <strong>TENISZPÁLYA BÉRLÉS</strong><br> a legkedvezőbb áron!</p>
                    <p class="features-item-small">A szezonbérlet kedvezményei az alkalmi árhoz viszonyítva: <strong>200 Ft/óra</strong> kedvezmény!</p>
                    <a href="#page_arak"><img class="features-item-arrow" src="images/arrow.png" /></a>
                </div><div class="features-item midGreen cellSize">
                	<h1>TENISZ OKTATÁS</h1>
                    <p>A legjobb edzőknél tanulhat a hét minden napján.</p>
                    <p><strong>50%</strong>-os első óra <strong>AKCIÓ!</strong></p>
                    <p class="features-item-small">A többi részletért lépjen a nyílra</p>
                    <a href="#page_oktatas"><img class="features-item-arrow" src="images/arrow.png" /></a>
                </div><div class="features-item darkGreen cellSize">
                	<h1>GALÉRIA</h1>
                    <a href="#page_galeria"><img style="width:250px;margin-top: 25px;" src="images/galeria.jpg" /></a>
                </div>
            </div>
        </div>
        
        <div id="pageContent"></div>
        
        <div id="welcome">
	    	<h1>Legyen Ön is tagja Újpalota szívében található klubunknak!</h1>
            <div class="cellSize"><img class="welcome-arrow" src="images/arrow_2.png" />Nyáron 5 db, télen 4 db kiváló minőségű salakos teniszpályával, minden igényt kielégítő klubházzal /büfé, 
zuhanyzós öltözők, kényelmes jól felszerelt klubhelyiség, nagyképernyős tv sportcsatornákkal .../, várunk minden teniszezni, kikapcsolódni vágyót!</div>
            <div class="cellSize"><img class="welcome-arrow" src="images/arrow_2.png" />Célunk: egy Nyugat-Európában 
            elterjedt klubhangulat kialakítása, ahol kicsik és nagyok, családok, baráti 
            társaságok, cégek és magánszemélyek egyaránt jól érzik magukat, miközben az egyik legcsodálatosabb sportnak, a tenisznek hódolnak.
            </div>
            <div class="cellSize"><img class="welcome-arrow" src="images/arrow_2.png" />A hangulatról elsőrangú szolgáltatásaink, a kellemes környezet, a hozzáértő személyzet, a kiváló minőségű pályák és elsősorban a teniszt szerető játékosok gondoskodnak.
			</div>
        </div>
    </div>
    
    <footer>
		<div class="box lightGreen">
			<div class="smallFeatures">Parkolás</div>
			<div class="smallDescription">Ingyenes<br>a teniszpálya parkolójában</div>
		</div><div class="box midGreen">
		<div class="smallFeatures">Wifi</div>
		<div class="smallDescription">Vendégeink részére ingyenes internet<br>elérést is biztosítunk.</div></div><div class="box darkGreen">
		<div class="smallFeatures">Extrák</div>
		<div class="smallDescription">Ingyenes teniszütő bérlés.</div>
		</div>
		<br>
	
    	<div id="contact" class="footer-column">
        	<h2>Kapcsolat</h2>
            <div>1157 Bp., Bánkút utca 71.</div>
			<div>Bejárat: Sárfű utca 6.-tal szemben!</div>
            <br />
            <div>Pályafoglalás: <span style="float:right">+3620 929 3125</span></div>
            <div>Berendi Bálint: <span style="float:right">+3670 319 9841</span></div>
            <div class="email">balint.tennis@gmail.com</div>
        </div>
        <div id="timetable" class="footer-column">
        	<h2>Nyitvatartás</h2>
            <div><img src="images/clock.png"/> Hétfő <span style="float:right">06.00-20.00</span></div>
            <div><img src="images/clock.png"/> Kedd <span style="float:right">06.00-20.00</span></div>
            <div><img src="images/clock.png"/> Sezrda <span style="float:right">06.00-20.00</span></div>
            <div><img src="images/clock.png"/> Csütörtök <span style="float:right">06.00-20.00</span></div>
            <div><img src="images/clock.png"/> Péntek <span style="float:right">06.00-20.00</span></div>
            <div><img src="images/clock.png"/> Szombat <span style="float:right">06.00-20.00</span></div>
            <div><img src="images/clock.png"/> Vasárnap <span style="float:right">06.00-20.00</span></div>
        </div>
	    <div id="map" class="footer-column">
           	<h2>Térkép</h2>
            <iframe width="280" height="280" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.hu/maps?q=47.549783,19.135146&amp;num=1&amp;ie=UTF8&amp;t=m&amp;ll=47.549884,19.134407&amp;spn=0.032442,0.047894&amp;z=13&amp;output=embed"></iframe><br /><br />
        </div>
        <div id="bottom-line">
        	<img style="float:right; margin-top: 8px; cursor: pointer" src="images/gray_arrow_up.PNG" onclick="scrollToTop()" />
        </div>
    </footer> 
    
    <script>
		
		$("#header .menu a").click( function() {
			
			if($(this).text() == "KAPCSOLAT") return;
			
			if(!$(this).hasClass("selectedMenuItem")) {
				$("#header .menu a.selectedMenuItem").removeClass("selectedMenuItem");
				$(this).addClass("selectedMenuItem");
			}
		});
		
		function scrollToContact() {
			$('html, body').animate({
				scrollTop: $("footer").offset().top
			}, 1000);
		}
	
		function scrollToTop() {
			$('html, body').animate({
				scrollTop: $("html").offset().top
			}, 1000);
		}
	
		var lasturl="";
		
		$(document).ready(function(e) {
			checkURL();

			$('ul li a').click(function (e) {
				checkURL(this.hash);
			});

			setInterval("checkURL()",250);				
		});
		
		function checkURL(hash)
		{
			if(!hash) hash=window.location.hash;	//if no parameter is provided, use the hash value from the current address
		
			if(hash != lasturl)	// if the hash value has changed
			{
				lasturl=hash;	//update the current hash
				loadPage(hash);	// and load the new page
			}
		}
		
		function loadPage(url)	//the function that loads pages via AJAX
		{
			url=url.replace('#page_','');	//strip the #page part of the hash and leave only the page number
		
			$('#loading').css('visibility','visible');	//show the rotating gif animation
		
			if(url=="") {
				carusselShow();
				$('#features').show();
				$('#welcome').show();
				$('#page').css("top", "-110px");
				$('#page').css("margin-bottom", "-90px");
				$('#page').css("margin-top", "0px");
				$('#pageContent').hide();
				//$('#phone').show();
			}
		
			$.ajax({	//create an ajax request to load_page.php
				type: "POST",
				url: "load_page.php",
				data: 'page='+url,	//with the page number as a parameter
				dataType: "html",	//expect html to be returned
				success: function(msg){
		
					if(parseInt(msg)!=0)	//if no errors
					{
						//carusselSlideUp();
						carusselHide();
						$('#pageContent').html(msg);	//load the returned html into pageContet
						$('#pageContent').show();
						$('#features').hide();
						$('#welcome').hide();
						$('#page').css("top", "0px");
						//$('#page').css("margin-top", "110px");
						$('#page').css("margin-bottom", "0px");
						//$('#phone').hide();
					}
				}
		
			});
		
		}
	</script>
</body>
</html>
